{{define "top"}}
<nav class="navbar navbar-expand-lg main-navbar">
	<a class="header-brand" href="index">
		<img src="assets/img/brand/logo.png" class="header-brand-img" alt="Kharna-Admin  logo">
	</a>
	<form class="form-inline mr-auto">
		<ul class="navbar-nav mr-3">
			<li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="ion ion-navicon-round"></i></a></li>
			<li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-md-none navsearch"><i class="ion ion-search"></i></a></li>
		</ul>
		<!--<div class="search-element">
			<input class="form-control" type="search" placeholder="Search" aria-label="Search">
			<button class="btn btn-primary" type="submit"><i class="ion ion-search"></i></button>
		</div>-->
	</form>
	
	<ul class="navbar-nav navbar-right">
	<!--
		<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg beep"><i class="ion-ios-email-outline"></i></a>
			<div class="dropdown-menu dropdown-list dropdown-menu-right">
				<div class="dropdown-header">Messages
					<div class="float-right">
						<a href="#">View All</a>
					</div>
				</div>
				<div class="dropdown-list-content">
					<a href="#" class="dropdown-item dropdown-item-unread">
						<img alt="image" src="assets/img/avatar/avatar-1.jpeg.jpg" class="rounded-circle dropdown-item-img">
						<div class="dropdown-item-desc">
							<div class="dropdownmsg d-flex">
								<div class="">
									<b>Stewart Ball</b>
									<p>Your template awesome</p>
								</div>
								<div class="time">6 hours ago</div>
							</div>

						</div>
					</a>
					<a href="#" class="dropdown-item dropdown-item-unread">
						<img alt="image" src="assets/img/avatar/avatar-2.jpeg.jpg" class="rounded-circle dropdown-item-img">
						<div class="dropdown-item-desc">
							<div class="dropdownmsg d-flex">
								<div class="">
									<b>Jonathan North</b>
									<p>Your Order Shipped.....</p>
								</div>
								<div class="time">45 mins ago</div>
							</div>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<img alt="image" src="assets/img/avatar/avatar-4.jpeg.jpg" class="rounded-circle dropdown-item-img">
						<div class="dropdown-item-desc">
							<div class="dropdownmsg d-flex">
								<div class="">
									<b>Victor Taylor</b>
									<p>Hi!, I' am web developer</p>
								</div>
								<div class="time"> 8 hours ago</div>
							</div>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<img alt="image" src="assets/img/avatar/avatar-3.jpeg.jpg" class="rounded-circle dropdown-item-img">
						<div class="dropdown-item-desc">
							<div class="dropdownmsg d-flex">
								<div class="">
									<b>Ruth	Arnold</b>
									<p>Hi!, I' am web designer</p>
								</div>
								<div class="time"> 3 hours ago</div>
							</div>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<img alt="image" src="assets/img/avatar/avatar-5.jpeg.jpg" class="rounded-circle dropdown-item-img">
						<div class="dropdown-item-desc">
							<div class="dropdownmsg d-flex">
								<div class="">
									<b>Sam	Lyman</b>
									<p>Hi!, I' am java developer</p>
								</div>
								<div class="time"> 15 mintues ago</div>
							</div>
						</div>
					</a>
				</div>
			</div>
		</li>
		<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link  nav-link-lg beep"><i class="ion-ios-bell-outline"></i></a>
			<div class="dropdown-menu dropdown-list dropdown-menu-right">
				<div class="dropdown-header">Notifications
					<div class="float-right">
						<a href="#">View All</a>
					</div>
				</div>
				<div class="dropdown-list-content">
					<a href="#" class="dropdown-item">
						<i class="fa fa-users text-primary"></i>
						<div class="dropdown-item-desc">
							<b>So many Users Visit your template</b>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<i class="fa fa-exclamation-triangle text-danger"></i>
						<div class="dropdown-item-desc">
							<b>Error message occurred....</b>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<i class="fa fa-users text-warning"></i>
						<div class="dropdown-item-desc">
							<b> Adding new people</b>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<i class="fa fa-shopping-cart text-success"></i>
						<div class="dropdown-item-desc">
							<b>Your items Arrived</b>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<i class="fa fa-comment text-primary"></i>
						<div class="dropdown-item-desc">
							<b>New Message received</b> <div class="float-right"><span class="badge badge-pill badge-danger badge-sm">67</span></div>
						</div>
					</a>
					<a href="#" class="dropdown-item">
						<i class="fa fa-users text-primary"></i>
						<div class="dropdown-item-desc">
							<b>So many Users Visit your template</b>
						</div>
					</a>
				</div>
			</div>
		</li>
		-->
		<li class="dropdown dropdown-list-toggle">
			<a href="#" class="nav-link nav-link-lg full-screen-link">
				<i class="ion-arrow-expand"  id="fullscreen-button"></i>
			</a>
		</li>
		<li class="dropdown"><a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg">
			<!--
			<img src="assets/img/avatar/avatar-1.jpeg.jpg" alt="profile-user" class="rounded-circle w-32">
			-->
			<div class="d-sm-none d-lg-inline-block">{{.user.Real_name}}</div></a>
			<div class="dropdown-menu dropdown-menu-right">
				<!--
				<a href="profile.html" class="dropdown-item has-icon">
					<i class="ion ion-android-person"></i> Profile
				</a>
				<a href="profile.html" class="dropdown-item has-icon">
					<i class="ion-android-drafts"></i> Messages
				</a>
				-->
				<a href="/mydetails" class="dropdown-item has-icon">
					<i class="ion ion-gear-a"></i> Settings
				</a>
				<a href="/login" class="dropdown-item has-icon">
					<i class="ion-ios-redo"></i> Logout
				</a>
			</div>
		</li>
	</ul>
		
</nav>
{{end}}